<template>
  <div class="bottom-left">
    <dv-scroll-board :config="config"  id="bottom-left-chart"  />
  </div>
</template>

<script>
export default {
  name: 'BottomLeftBoard',
  components: {},
  data () {
    return {
      config: {
        header: ['街道', '区域', '流入人数', '流出人数', '从业人数', '行业机构数'],
        data: [
          ['邗上街道', '邗江', 81, 21, 341, 102],
          ['双桥街道', '邗江', 321, 111, 441, 220],
          ['新盛街道', '邗江', 81, 21, 341, 102],
          ['蒋王街道', '邗江', 321, 111, 441, 220],
          ['汶河街道', '邗江', 81, 21, 341, 102],
          ['梅岭街道', '邗江', 321, 111, 441, 220],
          ['槐泗街道', '邗江', 81, 21, 341, 102],
          ['公道街道', '邗江', 321, 111, 441, 220],
          ['西湖街道', '邗江', 81, 21, 341, 102],
          ['扬子津街道', '邗江', 321, 111, 441, 220]
        ],
        headerBGC: '#1347ba',
        headerHeight: 40,
        hoverPause: true
      }
    }
  },
  methods: {},
  mounted () {
  }
}
</script>

<style lang="less" scoped>
.bottom-left {
  width: 100%;
  height: 100%;
  padding: 20px 5%;
  text-align: center;

  #bottom-left-chart {
    width: 90%;
    height: calc(~"100% - 40px");
    font-size: 16px;
  }
}
</style>
